<!DOCTYPE html>
<html lang="en">
<head>
    <title>我的收藏夹</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css">
    <link rel="stylesheet" href="css/searchIndex.css">

</head>
<body>
<!--banner搜索头部 start-->
<div class="zh-search-header">
    <!--头部导航条部分 start-->
    <nav class="navbar navbar-index-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <a class="navbar-brand" href="#">
                    <img src="image/logo_white.png" class="pull-left brand-img" alt="" width="40px" height="40px">
                    <span class="pull-left"><img src="image/title_min.png" alt=""></span>
                </a>
                <!--税务知识库 start-->
                <div class="btn-group dropdown index-brand-down">
                    <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        税务知识库 <span class="icon iconfont icon-icon_svg_houtai-7"></span>
                    </button>
                    <ul class="dropdown-menu">
                        ...
                    </ul>
                </div>
                <!--税务知识库 end-->
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse userinfo-box">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">操作手册</a></li>
                    <li><a href="#">知识库管理</a></li>
                    <li><a href="#">目录地图</a></li>
                    <li class="active"><a href="#">我的收藏夹</a></li>
                    <li style="padding: 0;margin-left: 15px;margin-right:-10px"><a>|</a></li>
                    <li class="dropdown">
                        <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            <img src="image/user.png" class="mr5" width="20px"/><span id="userName">张三三</span> <span class="icon iconfont icon-icon_svg_houtai-7"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="javascript:void(0)">ID: <span>374552</span></a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">重置密码</a></li>
                            <li><a href="#">退出登录</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!--头部导航条部分 end-->
</div>
<!--banner搜索头部 end-->
<!--下部内容 start-->
<div class="zh-searchIndex-content">
    <!--面包屑 start-->
    <ol class="breadcrumb">
        <li><a href="javascript:void(0)">首页</a></li>
        <!--<li><a href="javascript:void(0)">高级搜索</a></li>-->
        <li class="active">高级搜索</li>
    </ol>
    <div class="pull-left leftbar-menu">
        <div class="card card1" id="treeData">
            <div class="model-name">
                <i class="icon newkon-icon"></i>
                税务知识库
            </div>

            <div class="treeMenu">
                <ul id="treeMenu"></ul>
            </div>
        </div>
    </div>
    <div class="collection-content pull-right right-info card">
        <div class="collection-main-box">
            <div class="card-item">
                <div class="card-title">房地产热点知识 <button type="button" class="btn btn-link cancel-colect pull-right">取消收藏</button></div>
                <div class="card-content">
                    <div class="card-title-describe">
                        <div class="col-xs-2 title-describe">创建人：张东</div>
                        <div class="col-xs-3 title-describe">创建时间：2019.6.20 12:00</div>
                        <div class="col-xs-3 title-describe">到期时间：2020.1.20 12:00</div>
                        <div class="col-xs-2 title-describe">当前版本：202003632</div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="card-main-content">
                        <p>
                            关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里
                            是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的
                            描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述…
                        </p>
                    </div>
                </div>
            </div>
            <div class="card-item">
                <div class="card-title">房地产热点知识 <button type="button" class="btn btn-link cancel-colect pull-right">取消收藏</button></div>
                <div class="card-content">
                    <div class="card-title-describe">
                        <div class="col-xs-2 title-describe">创建人：张东</div>
                        <div class="col-xs-3 title-describe">创建时间：2019.6.20 12:00</div>
                        <div class="col-xs-3 title-describe">到期时间：2020.1.20 12:00</div>
                        <div class="col-xs-2 title-describe">当前版本：202003632</div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="card-main-content">
                        <p>
                            关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里
                            是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的
                            描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述…
                        </p>
                    </div>
                </div>
            </div>
            <div class="card-item">
                <div class="card-title">房地产热点知识 <button type="button" class="btn btn-link cancel-colect pull-right">取消收藏</button></div>
                <div class="card-content">
                    <div class="card-title-describe">
                        <div class="col-xs-2 title-describe">创建人：张东</div>
                        <div class="col-xs-3 title-describe">创建时间：2019.6.20 12:00</div>
                        <div class="col-xs-3 title-describe">到期时间：2020.1.20 12:00</div>
                        <div class="col-xs-2 title-describe">当前版本：202003632</div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="card-main-content">
                        <p>
                            关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里
                            是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的
                            描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述…
                        </p>
                    </div>
                </div>
            </div>
            <div class="card-item">
                <div class="card-title">房地产热点知识 <button type="button" class="btn btn-link cancel-colect pull-right">取消收藏</button></div>
                <div class="card-content">
                    <div class="card-title-describe">
                        <div class="col-xs-2 title-describe">创建人：张东</div>
                        <div class="col-xs-3 title-describe">创建时间：2019.6.20 12:00</div>
                        <div class="col-xs-3 title-describe">到期时间：2020.1.20 12:00</div>
                        <div class="col-xs-2 title-describe">当前版本：202003632</div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="card-main-content">
                        <p>
                            关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里
                            是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的
                            描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述…
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="collectionPage" class="page-box"></div>
    </div>
    <div class="clearfix"></div>
</div>
<!--下部内容 end-->
<script src="../../plugins/jquery/jquery-1.12.4.js"></script>
<script src="../../plugins/layui/layui.js"></script>
<script src="../../plugins/My97DatePicker/WdatePicker.js"></script>
<script src="../../plugins/bootstrap.js"></script>
<!--<script src="js/util.js"></script>-->
<script>
    layui.use(['tree', 'layer','laypage'], function(){
        var layer = layui.layer
            ,laypage = layui.laypage
            ,$ = layui.jquery;

        //不显示首页尾页
        laypage.render({
            elem: 'collectionPage'
            ,count: 100
            ,limit: 4
            // ,first: false
            // ,last: false
            // ,prev: '<em><</em>'
            // ,next: '<em>></em>'
            ,jump: function(obj){
                var collectionData = [
                    {
                        id:0
                        ,name:'房地产知识标题'
                        ,creater:'张东'
                        ,createTime:'2001.6.20 12:00'
                        ,endTime:'2020.6.20 12:00'
                        ,version:'20203632'
                        ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                    }
                    ,{
                        id:1
                        ,name:'个人所得税征税标准'
                        ,creater:'张东'
                        ,createTime:'2001.6.20 12:00'
                        ,endTime:'2020.6.20 12:00'
                        ,version:'20203632'
                        ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                    }
                    ,{
                        id:2
                        ,name:'房产税缴纳流程'
                        ,creater:'张东'
                        ,createTime:'2001.6.20 12:00'
                        ,endTime:'2020.6.20 12:00'
                        ,version:'20203632'
                        ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                    }
                    ,{
                        id:3
                        ,name:'2020年增值税'
                        ,creater:'张东'
                        ,createTime:'2001.6.20 12:00'
                        ,endTime:'2020.6.20 12:00'
                        ,version:'20203632'
                        ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                    }
                    ,{
                        id:4
                        ,name:'房地产知识标题'
                        ,creater:'张东'
                        ,createTime:'2001.6.20 12:00'
                        ,endTime:'2020.6.20 12:00'
                        ,version:'20203632'
                        ,content:'关于正文的房地产知识点表述，这里是关于正文的描述这里是关于正文的描述这里是关于正文的描述'
                    }
                ]
                var resultItemsTemp = ''
                for(var i = 0;i<collectionData.length;i++){
                    resultItemsTemp += ' <div class="card-item">\n' +
                        '    <div class="card-title"><span>'+collectionData[i].name +'</span><button type="button" class="btn btn-link cancel-colect pull-right">取消收藏</button></div>\n' +
                        '    <div class="card-content">\n' +
                        '        <div class="card-title-describe">\n' +
                        '            <div class="col-xs-2 title-describe">创建人：<span>'+collectionData[i].creater +'</span></div>\n' +
                        '            <div class="col-xs-3 title-describe">创建时间：<span>'+collectionData[i].createTime +'</span></div>\n' +
                        '            <div class="col-xs-3 title-describe">到期时间：<span>'+collectionData[i].endTime +'</span></div>\n' +
                        '            <div class="col-xs-2 title-describe">当前版本：<span>'+collectionData[i].version +'</span></div>\n' +
                        '            <div class="clearfix"></div>\n' +
                        '        </div>\n' +
                        '        <div class="card-main-content">\n' +
                        '            <p>'+collectionData[i].content +'</p>\n' +
                        '        </div>\n' +
                        '    </div>\n' +
                        '</div>'
                }
                // var replaceName = '房地产';
                // var newTemp = resultItemsTemp.replace(new RegExp(replaceName,'g'),'<span class="text-red">'+replaceName+'</span>')

                $(".collection-main-box").html(resultItemsTemp)
            }
        });

        // 取消收藏按钮
        $(document).on("click",".cancel-colect",function(){
            layer.msg("您点击了取消收藏按钮")
        })
        // 生成左侧菜单
        layui.tree({
            elem: '#treeMenu' //指定元素
            ,target: '_blank' //是否新选项卡打开（比如节点返回href才有效）
            ,click: function(item){ //点击节点回调
                layer.msg('当前节名称：'+ item.name + '<br>全部参数：'+ JSON.stringify(item));
                console.log(item);
            }
            ,nodes: [ //节点
                {
                    name: '国级'
                    ,id: 1
                    // ,alias: 'changyong'
                    ,children: [
                        {
                            name: '增值税'
                            ,id: 11
                            ,href: '#'
                            ,children:[
                                {
                                    name: '房地产'
                                    ,id: 111
                                    ,children:[
                                        {
                                            name: '金融'
                                            ,id: 1111
                                        }, {
                                            name: '文件库'
                                            ,id: 1112
                                        }
                                    ]
                                }, {
                                    name: '发票'
                                    ,id: 112
                                }, {
                                    name: '金融'
                                    ,id: 113
                                }, {
                                    name: '文件库'
                                    ,id: 114
                                    ,children:[
                                        {
                                            name: '文件库知识点'
                                            ,id: 1141
                                        }, {
                                            name: '文件库知识点2'
                                            ,id: 1142
                                        }, {
                                            name: '文件库知识点3'
                                            ,id: 1143
                                        }
                                    ]
                                }
                            ]
                        },
                    ]
                }, {
                    name: '个人所得税'
                    ,id: 2
                    ,spread: true
                    ,children: [
                        {
                            name: '个人所得税下目录'
                            ,id: 21
                            ,spread: true
                            ,children: [
                                {
                                    name: '个人所得税目录1'
                                    ,id: 211
                                    ,children: [
                                        {
                                            name: '个人所得税目录11'
                                            ,id: 2111
                                        }, {
                                            name: '个人所得税目录12'
                                            ,id: 2112
                                        }, {
                                            name: '个人所得税目录13'
                                            ,id: 2113
                                        }
                                    ]
                                }, {
                                    name: '个人所得税目录2'
                                    ,id: 212
                                }, {
                                    name: '个人所得税目录3'
                                    ,id: 213
                                }
                            ]
                        }
                    ]
                }
            ]
        });

        //窗口变化设置最小高度
        $(window).resize(function() {
            $('.card').css("height", $(window).height() - 75 - 47 - 15 + "px");
            $('.card').css("min-height", 940 + "px");
        });
        $(document).ready(function(){
            $('.card').css("height", $(window).height() - 75 - 47 - 15 + "px");
            $('.card').css("min-height", 940 + "px");
        });
    });
</script>
</body>
</html>
